<!--
 * @Descripttion: 
 * @Author: Wang Dejiang(aei)
 * @Date: 2021-12-11 19:23:15
 * @LastEditors: Wang Dejiang(aei)
 * @LastEditTime: 2021-12-11 19:29:40
-->
<!DOCTYPE html>
<html lang="ch-ZN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css"rel="stylesheet"/>
    <link rel = "icon" href = "./img/title.ico">
    <link rel="stylesheet" href="style.css">
    <title>见到你，便是三行情诗</title>
    <meta name="referrer" content="no-referrer"/>
</head>
<body>
    <audio src="yutaka hirasaka - eternal moment.mp3" id="vd" autoplay hidden></audio>    
    <div class="box0">
        <div class="box1">
            <div onclick="sun()" class="sun" ></div>
            <div onclick="moon()" class="moon" ></div>
        </div>
    </div>
    <div id="daytxt"> 我们好像是在那天晚上相遇的，对吧?<br>那天的月亮，就在太阳背后。</div>
    <a class="fas fa-feather fa-3x next" href="../page4/index.html"></a>
    <script src="index.js"></script>
    <div class="fas fa-star  fa-2x" id="star"></div>
    <div class="fas fa-star  fa-2x" id="star2"></div>
    <div class="fas fa-star  fa-2x" id="star3"></div>
    <div class="fas fa-star  fa-2x" id="star4"></div>
    <div class="fas fa-star  fa-2x" id="star5"></div>
    <div class="fas fa-cloud fa-4x" id="cloud"></div>
    <script>
        function toggleSound() {var music = document.getElementById("vd");//获取ID  
        console.log(music);
        if (music.paused) { //判读是否播放  
        music.play(); //没有就播放  
    }  
    }
    toggleSound();
    </script>
</body>
</html>